<!doctype html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
        <title>后台登录-X-admin2.2</title>
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <meta http-equiv="Cache-Control" content="no-siteapp" />
        <link rel="stylesheet" href="./css/font.css">
        <link rel="stylesheet" href="./css/xadmin.css">
        <link rel="stylesheet" href="./css/notice.css">
        <!-- <link rel="stylesheet" href="./css/theme5.css"> -->
        <script src="./lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="./js/xadmin.js"></script>
        <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
        <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
        <script>
            // 是否开启刷新记忆tab功能
            // var is_remember = false;
        </script>
    </head>
    <body class="index">
        <!-- 顶部开始 -->
        <div class="container">
        	<input type="hidden" id="business" th:value="${business}">
            <div class="logo">
                <a href="./index.html">X-admin v2.2</a>
                <audio src="./lib/speak.mp3" id="audio"></audio>
                </div>
            <div class="left_open">
                <a><i title="展开左侧栏" class="iconfont">&#xe699;</i></a>
            </div>
            <ul class="layui-nav left fast-add" lay-filter="">
                <li class="layui-nav-item">
                    <a href="javascript:;">+新增</a>
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd>
                            <a onclick="xadmin.open('最大化','http://www.baidu.com','','',true)">
                                <i class="iconfont">&#xe6a2;</i>弹出最大化</a></dd>
                        <dd>
                            <a onclick="xadmin.open('弹出自动宽高','http://www.baidu.com')">
                                <i class="iconfont">&#xe6a8;</i>弹出自动宽高</a></dd>
                        <dd>
                            <a onclick="xadmin.open('弹出指定宽高','http://www.baidu.com',500,300)">
                                <i class="iconfont">&#xe6a8;</i>弹出指定宽高</a></dd>
                        <dd>
                            <a onclick="xadmin.add_tab('在tab打开','member-list.html')">
                                <i class="iconfont">&#xe6b8;</i>在tab打开</a></dd>
                        <dd>
                            <a onclick="xadmin.add_tab('在tab打开刷新','member-del.html',true)">
                                <i class="iconfont">&#xe6b8;</i>在tab打开刷新</a></dd>
                    </dl>
                </li>
            </ul>
            <ul class="layui-nav right" lay-filter="">
                <li class="layui-nav-item">
                    <a href="javascript:;">admin</a>
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd>
                            <a onclick="xadmin.open('个人信息','http://www.baidu.com')">个人信息</a></dd>
                        <dd>
                            <a onclick="xadmin.open('切换帐号','http://www.baidu.com')">切换帐号</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item to-index">
                    <a href="/logout">退出</a></li>
            </ul>
        </div>
        <!-- 顶部结束 -->
        <!-- 中部开始 -->
        <!-- 左侧菜单开始 -->
        <div class="left-nav">
            <div id="side-nav">
                <ul id="nav">
                    <li>
                        <a href="javascript:;">
                            <i class="iconfont left-nav-li" lay-tips="类别管理">&#xe6b8;</i>
                            <cite>类别管理</cite>
                            <i class="iconfont nav_right">&#xe697;</i></a>
                        <ul class="sub-menu">
                            <li>
                                <a onclick="xadmin.add_tab('统计页面','business/category/statistics')">
                                    <i class="iconfont">&#xe6a7;</i>
                                    <cite>统计页面</cite></a>
                            </li>
                            <li>
                                <a onclick="xadmin.add_tab('类别管理','business/category/categoryManage')">
                                    <i class="iconfont">&#xe6a7;</i>
                                    <cite>类别管理</cite></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <i class="iconfont left-nav-li" lay-tips="商品管理">&#xe723;</i>
                            <cite>商品管理</cite>
                            <i class="iconfont nav_right">&#xe697;</i></a>
                        <ul class="sub-menu">
                            <li>
                                <a onclick="xadmin.add_tab('商品管理','business/goodsManage/goodsManage')">
                                    <i class="iconfont">&#xe6a7;</i>
                                    <cite>商品管理</cite></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <i class="iconfont left-nav-li" lay-tips="订单管理">&#xe723;</i>
                            <cite>订单管理</cite>
                            <i class="iconfont nav_right">&#xe697;</i></a>
                        <ul class="sub-menu">
                            <li>
                                <a onclick="xadmin.add_tab('历史订单','business/orderManage/orderManage')">
                                    <i class="iconfont">&#xe6a7;</i>
                                    <cite>历史订单</cite></a>
                            </li>
                            <li>
                                <a onclick="xadmin.add_tab('订单处理','business/orderManage/orderHandle')">
                                    <i class="iconfont">&#xe6a7;</i>
                                    <cite>订单处理 <span class="layui-badge">6</span></cite></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <i class="iconfont left-nav-li" lay-tips="优惠管理">&#xe726;</i>
                            <cite>优惠管理</cite>
                            <i class="iconfont nav_right">&#xe697;</i></a>
                        <ul class="sub-menu">
                            <li>
                                <a onclick="xadmin.add_tab('优惠管理','business/coupon/couponManage')">
                                    <i class="iconfont">&#xe6a7;</i>
                                    <cite>优惠管理</cite></a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <i class="iconfont left-nav-li" lay-tips="系统设置">&#xe6ce;</i>
                            <cite>系统设置</cite>
                            <i class="iconfont nav_right">&#xe697;</i></a>
                        <ul class="sub-menu">
                            <li>
                                <a onclick="xadmin.add_tab('资料设置','business/adminManage/adminInfo')">
                                    <i class="iconfont">&#xe6a7;</i>
                                    <cite>资料设置</cite></a>
                            </li>
                            
                             <li>
                                <a onclick="xadmin.add_tab('密码修改','business/adminManage/adminUpdatePass')">
                                    <i class="iconfont">&#xe6a7;</i>
                                    <cite>密码修改</cite></a>
                            </li>
                            
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <!-- <div class="x-slide_left"></div> -->
        <!-- 左侧菜单结束 -->
        <!-- 右侧主体开始 -->
        <div class="page-content">
            <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
                <ul class="layui-tab-title">
                    <li class="home">
                        <i class="layui-icon">&#xe68e;</i>我的桌面</li></ul>
                <div class="layui-unselect layui-form-select layui-form-selected" id="tab_right">
                    <dl>
                        <dd data-type="this">关闭当前</dd>
                        <dd data-type="other">关闭其它</dd>
                        <dd data-type="all">关闭全部</dd></dl>
                </div>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <iframe src='welcome' frameborder="0" scrolling="yes" class="x-iframe"></iframe>
                    </div>
                </div>
                <div id="tab_show"></div>
            </div>
        </div>
        <div class="page-content-bg"></div>
        <style id="theme_style"></style>
        <!-- 右侧主体结束 -->
        <!-- 中部结束 -->
        <script type="text/javascript">
        layui.config({
            base: './js/'
        }).extend({
            notice: 'notice'
        });

        //layui模块的定义
        layui.use(['notice', 'jquery', 'layer'], function () {
            var notice = layui.notice;
            var layer = layui.layer;
            var $ = layui.jquery;

             // 初始化配置，同一样式只需要配置一次，非必须初始化，有默认配置
             notice.options = {
                closeButton:true,//显示关闭按钮
                debug:false,//启用debug
                positionClass:"toast-top-right",//弹出的位置,
                showDuration:"300",//显示的时间
                hideDuration:"1000",//消失的时间
                timeOut:"5000",//停留的时间
                extendedTimeOut:"1000",//控制时间
                showEasing:"swing",//显示时的动画缓冲方式
                hideEasing:"linear",//消失时的动画缓冲方式
                iconClass: 'toast-info', // 自定义图标，有内置，如不需要则传空 支持layui内置图标/自定义iconfont类名
                onclick: null, // 点击关闭回调
            };
            
            var audioEle = document.getElementById("audio");
             
            var socket;  
            if(typeof(WebSocket) == "undefined") {
            	notice.error("连接失败！请更换浏览器");
            }else{  
            	notice.warning("开始连接服务器...");
            		
            		var id = $("#business").val();
            	
                	//实现化WebSocket对象，指定要连接的服务器地址与端口  建立连接  
                    socket = new WebSocket("ws://localhost:8080/websocket/"+id);  
                    //socket = new WebSocket("${basePath}websocket/${cid}".replace("http","ws"));  
                    //打开事件  
                    socket.onopen = function() {  
                        //socket.send("这是来自客户端的消息" + location.href + new Date());  
                    };  
                    //获得消息事件  
                    socket.onmessage = function(msg) {
                    	notice.success(msg.data);
                    };  
                    //关闭事件  
                    socket.onclose = function() {  
                    	notice.error("Socket已关闭");  
                    };  
                    //发生了错误事件  
                    socket.onerror = function() {
                    	 notice.error("提示信息：毛都没有...");
                        //此时可以尝试刷新页面
                    }  
                    //离开页面时，关闭socket
                    //jquery1.8中已经被废弃，3.0中已经移除
                    // $(window).unload(function(){  
                    //     socket.close();  
                    //});  
            }
        });
        </script>
        
    </body>

</html>